@charset "utf-8";
a {color:#1B69B4; text-decoration:none}
a img {border: 0px;}
body {
    background:#1b1b1b;
    margin-top:40px;
    margin-bottom:40px;
    font-family:Arial;
    font-size:12px;
    color:#000000;
    text-decoration:none;
    line-height:16px;
}
.msg { margin:10px 20px 0 20px;background:#2171b9;height:30px;line-height:30px;color:#ffea00;text-align:center;font-weight:bold }
.msg2 { margin:10px 50px;background:#fff775;height:24px;line-height:24px;color:#d20000;text-align:center }
#login{
    width:441px;
    height:343px;
    background:url(../images/bg_login2.jpg) no-repeat bottom;
    margin:auto;
    position:relative;
    color:#FFFFFF;
}
#login-content1{
    width:135px;
    height:30px;
    float:left;
    text-align:right;
}
#login-content2{
    width:295px;
    height:30px;
    float:right;
    text-align:left;
}
.link-form{
    color:#FFFFFF;
    text-decoration:none;
}
.link-form:hover{
    color:#FFFFFF;
    text-decoration:underline;
}
.style-form{
    font-family:Arial;
    font-size:12px;
    color:#000000;
}
.clearfloat{
    clear:both;
}
.clear:after, .cont:after, .in1:after, .in2:after, .in3:after,.c-thumb .c-inner:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear, .cont, .in1, .in2, .in3,.c-thumb .c-inner {
	display:inline-block;
	text-align: left;
}
.clear, .cont, .in1, .in2, .in3,.c-thumb .c-inner {
	display:block;
}
.clear,.c-thumb .c-inner {
	clear:both;
}		
#main{
    width:960px;
    background:#FFFFFF;
    margin:auto;
    position:relative;
}
#header1{
    width:302px;
    height:98px;
    float:left;
}
#header2{
    width:628px;
    height:73px;
    background:url(../images/bg_header.jpg) no-repeat;
    float:right;
    color:#FFFFFF;
    text-align:right;
    padding-right:30px;
    padding-top:25px;
}
#top-menu{
    width:960px;
    height:31px;
    background:url(../images/bg-topmenu.jpg) repeat-x;
    margin:auto;
    position:relative;
    color:#FFFFFF;
}
#top-menu1{
    width:840px;
    float:left;
}
/*
#top-menu1 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#top-menu1 ul li {
    display: block;
    position: relative;
    float: left;
}
#top-menu1 li ul { display: none; }
#top-menu1 ul li a {
    display: block;
    text-decoration: none;
    white-space: nowrap;
    width: 110px;
    height:25px;
    padding-top:6px;
    text-align:center;
    background:url(../images/bg-border.jpg) no-repeat right;
    color:#FFFFFF;
    font-weight:bold;
}

#top-menu1 ul li.active>a { background:url(../images/bg-menu-active.jpg) repeat-x }

#top-menu1 ul li a:hover { background:url(../images/bg-menu-hover.jpg) repeat-x; }
#top-menu1 li:hover ul {
    display: block;
    position: absolute;
    border: 1px solid #cfebff;
}
#top-menu1 li:hover li {
    float: none;
    font-size: 11px;
}
#top-menu1 li:hover a { background:#2171b9; }
#top-menu1 li:hover li a:hover { background:#268ddd }

#top-menu1 ul li ul li a {text-align:left;padding-left:10px;}
*/
.menu{
    position:relative;
    width:110px;
    height:25px;
    float:left;
    padding-top:6px;
    text-align:center;
    background:url(../images/bg-border.jpg) no-repeat right;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
}
.menu:hover{
    background:url(../images/bg-menu-hover.jpg) repeat-x;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
}
#top-menu1 .active{
    background:url(../images/bg-menu-active.jpg) repeat-x;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
}
#top-menu2{
    width:120px;
    text-align:center;
    margin-top:3px;
    float:right;
}

#hd-upload{
    background:url(../images/bg-menu-hover.jpg) repeat-x;
    height:31px;
    text-align:center;
    padding-top:6px;
    color:#FFFFFF;
    font-weight:bold;
}
#hd-upload-content{
    padding:10px;
}
.upload{
    width:117px;
    height:25px;
    display:block;
    padding-top:4px;
    text-align:center;
    background:url(../images/bg-upload.jpg) no-repeat;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
}
.upload:hover{
    background:url(../images/bg-upload-hover.jpg) no-repeat;
    color:#FFCC00;
    font-weight:bold;
    text-decoration:none;
    display:block;
}
#mainfr{
    width:920px;
    background:#FFFFFF;
    padding:20px;
}
#manager{
    width:920px;
}
#bg-title1{
    width:4px;
    height:31px;
    float:left;
}
#bg-title2{
    width:900px;
    height:25px;
    float:left;
    background:url(../images/bg-title2.jpg) repeat-x;
    color:#0059aa;
    font-weight:bold;
    padding-top:6px;
    padding-left:12px;
}
#bg-title2a{
    width:680px;
    height:25px;
    float:left;
    background:url(../images/bg-title2.jpg) repeat-x;
    color:#0059aa;
    font-weight:bold;
    padding-top:6px;
    padding-left:12px;
}
#bg-title3{
    width:4px;
    height:31px;
    float:right;
}
#content{
    border-bottom:#b0bfcc 1px solid;
    border-left:#b0bfcc 1px solid;
    border-right:#b0bfcc 1px solid;
}
.area-button{
    height:26px;
    padding-left:15px;
    padding-top:4px;
    background:#eaf4f7;
}
.area-button1{
    width:350px;
    float:left;
}
.area-button2{
    width:300px;
    float:right;
    text-align:center;
    padding-right:10px;
}
.button{
    width:65px;
    height:20px;
    display:block;
    float:left;
    padding-top:2px;
    margin-right:5px;
    text-align:center;
    background:url(../images/bg-button.jpg) no-repeat;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
}
.button:hover{
    background:url(../images/bg-button-hover.jpg) no-repeat;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:underline;
    display:block;
}
.button2{
    width:65px;
    height:20px;
    float:right;
    padding-top:2px;
    margin-right:5px;
    text-align:center;
    background:url(../images/bg-button.jpg) no-repeat;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
}
.button2:hover{
    background:url(../images/bg-button-hover.jpg) no-repeat;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:underline;
}
.button1{
    width:67px;
    height:20px;
    float:left;
    padding-top:4px;
    margin-right:5px;
    text-align:center;
    background:url(../images/button1.jpg) no-repeat;
    color:#000000;
    text-decoration:none;
}
.button1:hover{
    background:url(../images/button2.jpg) no-repeat;
    color:#000000;
    text-decoration:underline;
}
.tbl-button {background:url(../images/tbl-button.gif) no-repeat 0 0;font-size:10px;line-height:18px;float:left;margin:0 2px;display:inline;font-family:verdana;text-decoration:none}
.tbl-button b{background:url(../images/tbl-button.gif) no-repeat 100% -18px;color:#fff;padding:0 5px 1px;display:block}
.tbl-button:hover {text-decoration:underline;color:#fff}
.left-menu, .left-menu-active{
    width:198px;
    height:30px;
    float:left;
    font-weight:bold;
}
.left-menu a, .left-menu-active a{
    width:190px;
    height:24px;
    float:left;
    padding-top:5px;
    padding-left:10px;
    background:#edf8fb;
    border-bottom:#c4e6f1 1px solid;
    color:#1b69b4;
    font-weight:bold;
    text-decoration:none;
}
.left-menu a:hover{
    background:#c3e1fc;
    color:#1b69b4;
    text-decoration:underline;
}
.left-menu-active a{
    background:#c3e1fc;
    color:#1b69b4;

}
.area-content{
    padding:16px;
    border-bottom:#d1e0e4 1px solid;
    border-top:#d1e0e4 1px solid;
}
.area-content1{
    padding:16px;
    border-bottom:#d1e0e4 1px solid;
    border-top:#d1e0e4 1px solid;
}
.column1{
    width:450px;
    float:left;
}
.column2{
    width:420px;
    float:right;
}
.column2 .form2 {
    width:200px;
    float:none;
}
.form{
    padding-top:10px;
}
.form1{
    width:120px;
    float:left;
}
.form2{
    width:540px;
    float:right;
    text-align:left;
}
.form1a{
    width:120px;
    float:left;
}
.form2a{
    width:380px;
    float:left;
}
.form1b{
    width:120px;
    float:left;
    margin-right:20px;
    text-align:right;
}
.form2b{
    width:380px;
    float:left;
}
.left{
    width:200px;
    float:left;
    background:#edf8fb;
    border:#c5e5ef 1px solid;
}
.right{
    width:700px;
    float:right;
}
.video1{
    width:25px;
    float:left;
}
.video2{
    width:150px;
    float:left;
}
.video3{
    width:220px;
    float:left;
}
.video4{
    margin-left:50px;
    width:220px;
    float:left;
}
.video5{
    width:500px;
    margin-top:10px;
    float:left;
}
.pagelist{
    width:500px;
    height:25px;
    padding-left:17px;
    padding-top:15px;
    font-weight:bold;
    color:#0059aa;
    float:left;
}
table.datagrid {background:#e7ecf1}
.datagrid th, .datagrid td {background:#fff;padding:4px 5px;text-align:center;vertical-align:middle}
.datagrid .cellleft {
    float:none;vertical-align:middle; border:0px;
    text-align:left;}
.datagrid td.focus {background:#f4f7f7}
.datagrid th {background:#f4f7f7}
.datagrid .checkbox {vertical-align:middle}
.datagrid .even td { background:#F4F7F7 }

.page{
    width:30px;
    float:left;
    margin-right:5px;
    margin-top:2px;
}
.pageitem a{
    width:20px;
    height:18px;
    float:left;
    padding-top:2px;
    margin-right:5px;
    text-align:center;
    background:#FFFFFF;
    border:#a5d4ff 1px solid;
    color:#0059aa;
    text-decoration:none;
}
.pageitem a:hover{
    background:#1b69b4;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
}
.style_title{
    color:#1b69b4;
    font-weight:bold;
    text-decoration:none;
}
.style_title:hover{
    color:#1b69b4;
    font-weight:bold;
    text-decoration:underline;
}
#footer{
    width:960px;
    height:30px;
    background:url(../images/bg-footer.jpg) no-repeat;
    color:#FFFFFF;
    text-align:center;
    padding-top:10px;
    margin-top:100px;
}

.pageitem a.active {
    background-color:#1B69B4;
    color:white;
    cursor:default;
}
#content .error {
    color: red;
}

.selectbox {
    width:300px;
}
.mask {background: #fff;left:0;top:0;position: absolute; opacity: 0.8;/*filter:alpha(opacity = 80)*/}

/*
 * Style cho menu o dau trang
 * JS File Relate: /js/jmenu.js
*/
#menu
{	margin: 0;
  padding: 0}

#menu li
{	float: left;
  list-style: none;
}

#menu li a
{	display: block;
  padding: 7px 13px;
  text-decoration: none;
  text-align:center;
  width: 70px;
  color: #EAFFED;
  background:url(../images/bg-border.jpg) no-repeat right;
  font-weight:bold;
  white-space: nowrap}

#menu li a:hover
{	background:url(../images/bg-menu-hover.jpg) repeat-x; }
#menu li ul
{	margin: 0;
  padding: 0;
  position: absolute;
  z-index:10;
  visibility: hidden;
  border-top: 1px solid white}

#menu li ul li
{	float: none;
  display: inline}

#menu li ul li a
{	width: auto;
  background:#2171b9;
  text-align:left;padding-left:10px;
}
/*Khi di chuot len menu con*/
#menu li ul li a:hover {background: #268DDD}

.list-box {padding:20px}